body {
  padding: 20px;
}
section {
  width: 500px;
}
/* 设置按钮行的样式 */
.row1 {
  margin-top: 40px;
  display: flex;
  img {
    height: 100%;
    width: 100%;
  }
  .preview-box {
    padding-left: 15px;
    flex-direction: column;
    flex: 1;
    align-items: center;
    #chooseImage {
      margin-top: 20px;
      margin-left: 53px;
    }
  }
  .cropper-box {
    width: 400px;
    height: 280px;
    background-color: cyan;
    overflow: hidden;

    .size {
      font-size: 12px;
      color: gray;
      text-align: center;
    }
  }
  .w100 {
    overflow: hidden;
    width: 200px;
    height: 140px;
    background-color: gray;
  }
}

.row2 {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
